<template>
  <div>
    <!-- 左侧 -->
    <left-table />

    <!-- 中间 -->
    <center-map />
    <Statistics />
    <!-- 右侧 -->
    <div class="right">
      <right-line />
      <right-pie />
    </div>
  </div>
</template>
<script>
import "../assets/public.css";
import topHeader from "@/components/topHeader";
import sideBar from "@/components/sideBar.vue";
import leftTable from "@/components/home/leftTable";
import centerMap from "@/components/home/centerMap";
import Statistics from "@/components/home/Statistics";
import RightLine from "@/components/home/rightLine.vue";
import RightPie from "@/components/home/rightPie.vue";
export default {
  name: "home",
  components: {
    topHeader,
    sideBar,
    leftTable,
    centerMap,
    Statistics,
    RightLine,
    RightPie,
  },
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style scoped>
.right {
  position: absolute;
  right: 0;
  width: 20%;
  height: 70%;
  /* background-color: blue; */
}
</style>
